<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../assets/css/bootstrap.css" />
		<link rel="stylesheet" href="../assets/css/font-awesome.css" />
		<link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
		
	</head>
	<body>
		<script type="text/babel">
		var DDSidebar = React.createClass({
			render: function() {
			    var commentNodes = this.props.data.map(function (comment) {
			      return (
			        <Comment author={comment.author}>
			          {comment.text}
			        </Comment>
			      );
			    });
			    return (
			      <div className="commentList">
			        {commentNodes}
			      </div>
			    );
		  	}
		});
		</script>

		<script src="../assets/js/jquery.js"></script>
		<script src="../assets/js/bootstrap.js"></script>
		<script src="../assets/js/ace/ace.js"></script>
		<script src="../assets/js/ace/ace.sidebar.js"></script>
		
		<script src="../js/lib/ar/react.min.js"></script>
		<script src="../js/lib/ar/react-dom.min.js"></script>
		<script src="../js/lib/ar/browser.min.js"></script>
		<script src="../js/lib/ar/react-bootstrap.min.js"></script>
	</body>
</html>
